<template>
    <div class="first-app">
        
        <!--组件的html 模板-->
        {{ msg }}
    </div>
</template>

<script>
    export default{
        name :"First",
        //组件的数据
         data(){
            return{
                //组件的数据
                msg:"Welcome to FirstApp",
            };
         },
         methods:{
            //组件的方法
         },
         //...其他选项 computed,watch 等
    };
</script>
<!-- 添加'scope"的属性来限制css只有在这个组件中使用 -->
<!-- 添加'scope"的属性来限制css只有在这个组件中使用 -->
<style scoped>
    /**组件的样式 */
    .first-app{
        color: red;
    }
</style>
